<template>
	<a-tabs class="content-examine" :active-key="activeKey" lazy-load @tab-click="tabClick">
		<!-- <a-tab-pane key="1" title="账号审核">
			<div class="account-examine">
				<div class="input__wraper">
					<a-input
						:style="{ width: '300px', marginRight: '16px' }"
						placeholder="手机号/用户名/用户ID"
						allow-clear
					/>
					<a-button type="primary">打开</a-button>
				</div>
				<p class="input-tips">请输入需要审核的账号，进入其控制台审核</p>
			</div>
		</a-tab-pane> -->
		<a-tab-pane key="1" title="活动审核">
			<activity-list v-if="activeKey === '1'" />
		</a-tab-pane>
		<a-tab-pane key="2" title="平台案例">
			<case-library v-if="activeKey === '2'" />
		</a-tab-pane>
	</a-tabs>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue';
import CaseLibrary from '@/components/caseModule/CaseLibrary.vue';
import ActivityList from '@/components/examineModule/activityList.vue';
import { useUserStore } from '@/store';
const userStore = useUserStore();
const activeKey = ref('1');

const tabClick = (e: any) => {
	activeKey.value = e;
};
userStore.getLibraryAdminPermission();
</script>

<style lang="less">
.content-examine {
	background: #fff;
	min-height: 100%;
	position: relative;
	padding-bottom: 48px;

	.arco-tabs-content {
		padding: 24px;
	}

	.account-examine {
		position: absolute;
		top: 220px;
		left: 50%;
		transform: translate(-50%, 0);
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-sizing: border-box;

		// padding-left: 337px;
		.input__wraper {
			margin-bottom: 8px;
		}

		.input-tips {
			width: auto;
			color: #808080;
			font-size: 14px;
		}

		&__pagination {
			border-top: 1px solid #f1f1f1;
			height: 48px;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			box-sizing: border-box;
			padding: 0 24px;

			.total-tips {
				color: #808080;
				margin-right: 18px;
			}
		}
	}
}
</style>
